﻿<template>
	<view class="nav-bar">
		<u-grid :col="limit" :border="false">
			<u-grid-item v-for="(item, index) in ListData" :key="index"
				@click="showSliderInfo(item.linkType, item.linkValue)">
				<view class="item">
					<!-- <u-icon :name="item.image" width="50" height="50" :label="item.text" :labelSize="13" labelColor="#fff"
						labelPos="bottom" :top="25" space="10">
					</u-icon> -->
					<image class="img" :src="item.image"></image>
					<text class="name">{{item.text}}</text>
				</view>
			</u-grid-item>
		</u-grid>
	</view>
</template>

<script>
	export default {
		name: "NavBar",
		components: {},
		props: {
			asData: {
				// type: Object,
				required: true,
			}
		},
		data() {
			return {
				ListData: [],
				limit: 0,
				multiple: 0,
				count: 0,
				scrollPage: 1,
				scrollDot: 0,
			}
		},
		mounted() {

		},
		created() {
			this.ListData = this.asData.parameters.list;
			this.limit = this.asData.parameters.limit;
		},
		methods: {}
	}
</script>
<style lang="scss" scoped>
	.nav-bar{
		.item{
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			margin-top: 20rpx;
			.img{
				display: block;
				width: 100rpx;
				height: 100rpx;
				border-radius: 50rpx;
				margin-bottom: 10rpx;
			}
		}
	}
</style>